U.addLoad(function () {
    var videoBox = document.getElementById('videoBox')//视频列表
    var kechengList = document.getElementById('kechengList')
    videoBox.src = classList[0].list[0].src;

    var str = ''
    // console.log(videoBox)
    classList.forEach(function (item, index) {
        str += `<div class="list">
        <p class="title">第一章：公开课（含4期）</p>
        <ul class="list">`;

        item.list.forEach(function (val, idx) {
            str += `<li class="${index == 0 && idx == 0 ? 'active' : ''}" _src="${val.src}">
            <span>${val.name}</span>
            <i class="iconfont icon-bofang"></i>
        </li>`;
        });

        str += `</ul>
        </div>`
    });

    kechengList.innerHTML = str;


    var allLi = kechengList.querySelectorAll('li');
    // console.log(allLi);
    for (var i = 0; i < allLi.length; i++) {
        allLi[i].onclick = function () {
            for (var i = 0; i < allLi.length; i++) {
                allLi[i].className = '';
            }

            this.className = 'active';
            videoBox.src = this.getAttribute('_src');
        }
    }

});

(function () {
    var span = document.querySelectorAll('.top span');
    var content = document.querySelectorAll('.content');

    // console.log(span);
    for (var i = 0; i < span.length; i++) {
        span[i].index = i;
        span[i].onclick = function () {
            // 1、所有的都去掉
            for (var i = 0; i < span.length; i++) {
                U.removeClass(span[i], 'active');
                U.removeClass(content[i], 'active');
            }
            // 2、当前的加上
            U.addClass(this, 'active');
            U.addClass(content[this.index], 'active');
        }
    }



    // 小U的评论实现
    var btn = document.querySelector('.push');
    var input1 = document.querySelector('.txt');

    btn.onclick = function () {

        //获取当前时间
        var time = new Date();
        var hour = time.getHours();
        var minute = time.getMinutes();
        time = hour + ':' + minute;
        var in1 = input1.value.trim();
        if (!in1) {
            alert('请输入评论内容');
            return;
        }
        var ul = document.querySelector('.comment');
        var li = document.createElement('li');
        li.innerHTML =`
                 <p>
                     <img src="../img/login/wx.png" alt="">
                     <span>哈哈哈哈哈</span>
                     <span>${time}</span>
                 </p>
                 <p>${in1}</p> `;
      
                 if (ul.firstChild != null) {
                    ul.insertBefore(li, ul.firstChild);
                }
        
        input1.value = '';
    }

    

        // var span=document.querySelectorAll('.row span')
        // var box=document.querySelectorAll('.active')
    
        //     // console.log(span);
        // for(var i=0;i<span.length;i++){
        //     span[i].index=i;
        //     span[i].onclick=function (){
        //         //所有的去掉样式
        //          for(var i=0;i<span.length;i++){
        //              U.removeClass(span[i],'active')
        //              U.removeClass(box[i],'active')
        //          }
        //          //当前按的加上样式
        //          U.addClass(this,'active')
        //          U.addClass(box[this.index],'active')
    
        //     }
        // }
    


})();
